@charset "utf-8";
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}
@font-face {
  font-family: "SourceHanSansBold";
  src: url("../fonts/SourceHanSansBold.woff") format("woff"),
       url("../fonts/SourceHanSansBold.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansBold.svg") format("svg");
}
@font-face {
   font-family: 'Oswald';
   src: url('../fonts/OSWALD-BOLD.ttf'),
        url('../fonts/Oswald-Bold.woff') format('woff'),
        url('../fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
	font-family: 'youran';
	src: url('../fonts/youran.ttf');
		 font-weight: normal;
		 font-style: normal;
 }
 @font-face {
	font-family: 'Gotham';
	src: url('../fonts/Gotham-Bold.otf');
		 font-weight: normal;
		 font-style: normal;
 }
.ssr{font-family: SourceHanSansCN-Regular;}
.ssb{font-family: SourceHanSansBold;}
/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "SourceHanSansCN-Regular";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #333;position: relative;background-color: #fff;font-family: "SourceHanSansCN-Regular";width:100%;overflow-x: hidden;max-width: 1920px;min-width: 330px;
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
}

input{-webkit-appearance: none;appearance: none;-moz-appearance: none;border: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
article,
nav,
menu,
aside{padding: 0;margin: 0;}
.ul,
ul li {list-style: none;}
h1,h2,h3,h4,h5,h6,p,figure{margin: 0;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}  
a:hover {color: #0e1637;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:''; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
/**字体大小**/
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}
.auto_1600{ max-width:1600px;margin:0 auto;}
@media(max-width:1600px){.auto_1600{ padding:0 2%;}}
.auto_1280{ max-width:1280px;}
@media(max-width:1280px){.auto_1280{ padding:0 2%;}}
.auto_1200{ max-width:1200px;}
@media(max-width:1200px){.auto_1200{ padding:0 2%;}}
.auto_1180{ max-width:1180px;}
@media(max-width:1180px){.auto_1180{ padding:0 2%;}}

.video-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
.video-box .ytable{width: 100%;height: 100%;}

.video-box .close {
	cursor: pointer;
	position: absolute;
	z-index: 4;
	right: 0;
	top: 0;
	font-size: 0.14rem;
	line-height: 34px;
	padding: 0 30px;
	background: #000;
	color: #fff;
}

.video-box .close i {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-left: 10px;
	vertical-align: middle;
}

.video-box .close i::before, .video-box .close i::after {
	position: absolute;
	content: '';
	width: 80%;
	left: 10%;
	height: 1px;
	top: 50%;
	margin-top: -0.5px;
	background: #fff;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.video-box .close i::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.video-box .ytable-cell {
	text-align: center;
}

.video-box video {
	width: 100%;
	max-height: 70vh;
	background: #000;
}

.video-box .auto-inner {
	background: #000;
	position: relative;
	z-index: 1;
	width: 60%;
	max-width: 1440px;
	margin: 0 auto;
}
.indexTips .close{
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	cursor:point;
	z-index:10;
	background:url(../images/chacha.png) no-repeat center;
	background-size:14px;
}
.indexTips {
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 50;
        font-size: 20px;
        width: 800px;
        max-width: 100%;
        background: #fff;
        padding: 40px 20px;
        border-radius: 10px;
        text-align: center;
        box-sizing: border-box;
        margin-left: -400px;
        margin-top: -55px;
		display:none;
      }
.indexTips .icon-google{background:url(../images/google.png) no-repeat right center;background-size: 20px;padding-right:25px;}
.tdt-infowindow-content-wrapper {
    border-radius: 10px;
}

.tdt-infowindow-content .tit {
    font-size: 20px;
    margin-bottom: 10px;
}

.tdt-infowindow-content .contents {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}